.container{
    width: 100%;/**/
    flex: 1;
    background: #efefef;
    display: flex;
}

ul.articleList{
    position: absolute;
    width: 95%;
    height: fit-content;
    margin-top: .1932rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
/* li样式 */
ul.articleList li{
    /* 提问样式 */
    /* 
    border-radius: .7246rem 0 .6039rem 0;
    padding: .0483rem;
    box-sizing: border-box;
    border: .1208rem solid #ffe873;
    box-shadow: .1208rem .1208rem .0725rem #b2b2b259;*/
    /* 图文动态样式 */
    /* border-radius: .1208rem; */
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-bottom: .2415rem;
    /* background: #fff; */
    /* background-image: url(../img/bg.webp); */
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: 14.4928rem 4.8309rem; */
    background-size: 12.0773rem;
}

ul.articleList>li:last-child{
    margin-bottom: 1.2077rem;
}

/* top样式 */
ul.articleList li .top{
    height: 1.4493rem;
    /* background: #fff; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: .1208rem;
}
ul.articleList li .top .left{
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
ul.articleList li .top .left .userImg{
    border-radius: 50%;
    width: .9662rem;
    height: .9662rem;
    margin: 0 .2415rem;
    overflow: hidden;
}
.userImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
ul.articleList li .top .left .info{
    flex: 1;
    display: flex;
    flex-direction: column;

}
.info span{
    max-width: 4.1063rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
}
.info .name{
    font-size: .3623rem;
    color: #000;
    margin-bottom: .0483rem;
}
.info .dept{
    width: fit-content;
    height: .4106rem;
    font-size: .2657rem;
    color: #5a5a5af0;
    line-height: .4106rem;
    box-sizing: border-box;
    

}

ul.articleList li .top .right{
    width: 3.6232rem;
    height: 100%;
    font-size: .314rem;
    color: #a1a1a1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right;
    align-items: center;
    box-sizing: border-box;
    padding-right: .2415rem;
    padding-bottom: .2415rem;
}

/* body样式 */
ul.articleList li .body{
    /* background: #fff; */
}
/* */
.body .txt{
    box-sizing: border-box;
    padding: .1208rem .3623rem;
    font-size: .3937rem;
    max-height: 2.4155rem;
    line-height: .5556rem;
    height: fit-content;
    /* background: #fff; */
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;  
    -webkit-box-orient: vertical;  
    overflow: hidden;  
    /* 保留空格和换行 */
    white-space: pre-wrap;
} 
.body .txt_question{
    box-sizing: border-box;
    padding: .1208rem .3623rem;
    color: #65a8af;
    font-size: .471rem;
    font-weight: 550;
    max-height: 2.4155rem;
    line-height: .6039rem;
    height: fit-content;
    /* background: #fff; */
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;  
    -webkit-box-orient: vertical;  
    overflow: hidden;  
    /* 保留空格和换行 */
    white-space: pre-wrap;
}


.body .imgList{
    margin-top: .2415rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* height: fit-content; */
    overflow: hidden;

    position: relative;
}
.body .imgList .n{
    position: absolute;
    bottom: 0;
    right: 5%;
    /* border: 1px solid red; */
    border-radius: .2415rem 0 0 0;
    width: 1.2077rem;
    height: .6039rem;
    font-size: .3382rem;
    color: #fff;
    letter-spacing: .0242rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #81818161;
}

.body .imgList img{
    /* border: 1px solid red; */
    border-radius: .1449rem;
    width: 90%;
    height: 4.8309rem;
    object-fit: cover;
    object-position: center;
}

.other{
    /* border: 1px solid red; */
    width: 100%;
    height: fit-content;
    margin-top: .3623rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding-right: .3623rem;
    padding-left: .3623rem;
}
.other .topic{
    /* border: 1px solid red; */
    width: 100%;
}
.other .topic a{
    color: #2493f1;
    font-size: .3623rem;
    display: inline;
}
.position{
    border: none;
    width: fit-content;
    max-width:  90%;
    height: .5314rem;
    background: #dadada87;
    border-radius: .3623rem;
    font-size: .314rem;
    color: #838383;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    align-items: center;
    padding: 0 .2415rem;
    margin-top: .2415rem;
}
.other .dwIcon{
    width: .3382rem;
    height: .3382rem;
    margin-right: .0966rem;
    background: url(../img/dwIcon_grey.webp) no-repeat;
    background-size: contain;
    background-position: center;

}
.position span{
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}










/* bottom样式 */
ul.articleList li .bottom{
    height: 1.2077rem;
    /* background: #fff; */
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.bottom>div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: fit-content;
    margin-left: .4831rem;
}
.bottom .icon, .bottom .jb{
    width: .5314rem;
    height: .5314rem;
    margin-right: .1208rem;
}
.bottom .answer{
    color: #a1a1a1;
    position: absolute;
    left: .3623rem;
}
.bottom .comments .icon{
    background: url(../img/comments.webp) no-repeat;
    background-size: contain;
}
.bottom .answerIcon{
    margin-right: .3623rem;
}
.bottom .answerIcon .icon{
    background: url(../img/answer.webp) no-repeat;
    background-size: contain;
}
.bottom .likes .icon{
    background: url(../img/likes.webp) no-repeat;
    background-size: contain;
}
.bottom .jb{
    background: url(../img/jb.webp) no-repeat;
    background-size: contain;
    margin-right: .3623rem;
}
.bottom>div span{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #a1a1a1;
    font-weight: 550;
    letter-spacing: 0;
    font-size: .3382rem;
}

